<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>我的寓居</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <!-- UC应用模式 --> <meta name="browsermode" content="application"> 
    <!-- QQ应用模式 --> <meta name="x5-page-mode" content="app">

    <!-- 引入组件库 -->
     <link rel="stylesheet" href="../css/common/reset.css">
     <link rel="stylesheet" href="../css/common/layer.css">
     <link rel="stylesheet" href="../css/app/me-message.css">
     <!-- <link rel="stylesheet" href="static/dateRangeCss.css"> -->
    <script src="../js/common/flexible.js"></script>
    <script src="../js/common/jquery.min.js"></script>
    <script src="../js/common/Storage.js"></script>
    <script src="../js/common/tool.js"></script>
    <script src="../js/common/vue.js"></script>
    <script src="../js/common/config.js"></script>
    <script src="../js/common/layer.js"></script>
  </head>
  <div id="app">

      <div class="me-message">
          <div class="top">
              <p class="top-user-name" style="padding-top: 0.7rem;">{{userName}}</p>
              <div class="grade"><p>级别:{{levelName}}</p><p>积分:暂无</p></div>
          </div>
          <div class="flex-div">
              <div class="cont">
                  <div class="cont-every" @click="go_history_order">
                      <p class="cont-icon"><img src="../assets/icon/icon_form.png" >我的订单</p>
                      <p  class="cont-right"><img src="../assets/icon/yuju-you.png" ></p>
                  </div>
                  <div class="cont-every">
                      <p class="cont-icon"><img src="../assets/icon/icon_liuyan.png" >留言反馈</p>
                      <p  class="cont-right"><img src="../assets/icon/yuju-you.png" ></p>
                  </div>
                  <div class="cont-every" @click="go_reset_pass">
                      <p class="cont-icon"><img src="../assets/icon/password.png" >修改密码</p>
                      <p  class="cont-right"><img src="../assets/icon/yuju-you.png" ></p>
                  </div>
              </div>
          </div>
          <div class="bottom" style="">
              <p @click="quit" style="">退出登录</p>
          </div>



          <div class="reset-pass" v-show="reset_show">
              <p><img src="../assets/icon/phone.png" ><input type="text"  placeholder="请输入手机号"  v-model="regis_tel"></p>
              <p class="cont-regis-p"><img src="../assets/icon/safe.png" ><input type="text"  v-model="yz_tel_code" class="yzcode"><em @click="get_code" v-if="!code_show">{{yz_code}}</em> <em v-if="code_show" style="background-color: rgba(0,0,0,0.3);border-radius: 0.2rem;">{{yz_code}}</em></p>
              <p><img src="../assets/icon/password.png"  style="margin-top: 0;"><input type="text"  v-model="pass_word_one" placeholder="请输入新密码"></p>
              <p><img src="../assets/icon/password.png" ><input type="text" v-model="pass_word_two" placeholder="请再次输入新密码"></p>
              <div class="flex-div">
                  <div class="login-btn" @click="reset_ok">完成并登录</div>
              </div>

          </div>

          <div class="fade" v-show="reset_show" @click="reset_show=false">
          </div>

      </div>

  </div>

 <script src="../js/app/me-message.js"></script>
 <script type="text/javascript">  
      
</script>

 
  </body>


</html>
